import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    component: () => import('../views/AboutView.vue')
  },
  {
    path: '/a',
    component: () => import('../views/01_文本指令.vue')
  },
  {
    path: '/b',
    component: () => import('../views/02_属性绑定指令.vue')
  },
  {
    path: '/c',
    component: () => import('../views/03_双向绑定指令.vue')
  },
  {
    path: '/d',
    component: () => import('../views/04_事件绑定指令.vue')
  },
  {
    path: '/e',
    component: () => import('../views/05_循环指令.vue')
  },
  {
    path: '/f',
    component: () => import('../views/06_隐藏显示指令.vue')
  },
  {
    path: '/g',
    component: () => import('../views/07_计算器练习.vue')
  },
  {
    path: '/h',
    component: () => import('../views/08_猜数字练习.vue')
  },
  {
    path: '/i',
    component: () => import('../views/09_员工列表练习.vue')
  },
  {
    path: '/j',
    component: () => import('../views/10_个人简历练习.vue')
  },
  {
    path: '/k',
    component: () => import('../views/11_El-按钮组件.vue')
  },
  {
    path: '/l',
    component: () => import('../views/12_El-图标组件.vue')
  },
  {
    path: '/m',
    component: () => import('../views/13_El-消息提示组件.vue')
  },
  {
    path: '/n',
    component: () => import('../views/14_El-单选组件.vue')
  },
  {
    path: '/o',
    component: () => import('../views/15_下拉选框组件.vue')
  },
  {
    path: '/p',
    component: () => import('../views/16_开关组件.vue')
  },
  {
    path: '/q',
    component: () => import('../views/17_表单组件.vue')
  },
  {
    path: '/r',
    component: () => import('../views/18_表格组件.vue')
  },
  {
    path: '/s',
    component: () => import('../views/19_菜单组件.vue')
  },
  {
    path: '/t',
    component: () => import('../views/20_布局组件.vue')
  },
  {
    path: '/u',
    component: () => import('../views/21_容器组件.vue')
  },
  {
    path: '/v',
    component: () => import('../views/22_轮播图组件.vue')
  },
  {
    path: '/w',
    component: () => import('../views/23_卡片组件.vue')
  },
  {
    path: '/x',
    component: () => import('../views/24_日期时间选择器.vue')
  },
  {
    path: '/y',
    component: () => import('../views/25_员工列表综合练习.vue')
  },
  {
    path: '/z',
    component: () => import('../views/26_商品列表综合练习.vue')
  },
]














const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
